<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="#{diretorios.template}/layout.xhtml">
	<ui:define name="content">
		<div>
			<h:outputText value="Administração"
				style="font-size: 18px; color: #eeeeee" />
			<br />
		</div>
		
		<p:panel style="border: none;">
			<h:form>
			<b>
				<h:commandLink action="#">
					<h:outputText value="Atrasadores" style="font-size: 15px;"  />
				</h:commandLink>
				<p:spacer width="10"></p:spacer>
				<h:commandLink action="#">
					<h:outputText value="Jornalistas" style="font-size: 15px;"  />
				</h:commandLink>
				<p:spacer width="10"></p:spacer>
				<h:commandLink action="#">
					<h:outputText value="Usuários" style="font-size: 15px;"  />
				</h:commandLink>
			</b>
			</h:form>
		</p:panel>
		
		<h:form id="myform">
			<p:panel id="panel"
				style="margin-bottom: 5px; border: hidden; width: 600px;">
				
				<p:inputText  id="campo" value="#{pesquisarAtrasador.campo}" style="width: 300px;"/>
				<p:commandButton id="pesquisar" value="pesquisar" action="#{pesquisarAtrasador.buscarAtrasador}"
								 update="resultado">
				</p:commandButton>
				
				<br/>
				<h:panelGrid columns="2">
				<h:outputText value="Tipo de busca:"/>
				<h:selectOneRadio value="#{pesquisarAtrasador.tipoBusca}" >
					<f:selectItem itemLabel="ID" 	itemValue="id"/>
					<f:selectItem itemLabel="Nome"	itemValue="nome" noSelectionOption="true"/>
					<f:selectItem itemLabel="E-mail" itemValue="e-mail"/>
					<f:selectItem itemLabel="Cidade - UF" itemValue="c-u"/>
					<f:selectItem itemLabel="UF"	itemValue="uf"/>
					
					<p:ajax listener="#{pesquisarAtrasador.outPanelAjax}" update="outpanel"/>
				</h:selectOneRadio>
				</h:panelGrid>
				
				<p:outputPanel id="outpanel" autoUpdate="true" >
						<h:panelGrid columns="4" rendered="#{pesquisarAtrasador.outPanel}" style="width:770px;">
							<h:outputText value="Estado:" />				
							<p:selectOneMenu id="UF" valueChangeListener="#{pegaUFsCidades.actionCombo}" required="true" 
													 label="Estado" style="min-width: 230px">
								<f:selectItem itemLabel="Selecione"/>
								<f:selectItems value="#{pegaUFsCidades.listaUFs}" var="uf"
											   itemLabel="#{uf.nome}"
											   itemValue="#{uf.idUF}" />
								<p:ajax process="@this" event="change" update="cidade"  />								   
							</p:selectOneMenu>
							<h:outputText value="Cidade:"/>
							<p:selectOneMenu id="cidade"  value="#{pesquisarAtrasador.idCidade}" required="true" 
											 label="Cidade" style="min-width: 230px">
								<f:selectItem itemLabel="Selecione"/>
								<f:selectItems value="#{pegaUFsCidades.listaCidades}" var="cidade"
											   itemLabel="#{cidade.nome}"
											   itemValue="#{cidade.idCidade}" />
							</p:selectOneMenu>
						</h:panelGrid>
				</p:outputPanel>
				
				<div align="center">				
					<p:ajaxStatus>
						<f:facet name="start">
							<p:graphicImage value="/resources/media/ajaxstatus.gif"/>
						</f:facet>
						<f:facet name="complete">
							<h:outputText value=""/>
						</f:facet>
					</p:ajaxStatus>
				</div>
				
				<p:dataTable  id="resultado"  var="atrasador" value="#{pesquisarAtrasador.arrayAtrasadores}" rowEditListener="#{pesquisarAtrasador.onEditRow}"
							 emptyMessage="Nada encontrado." style="width: 770px; border-color: blue;">
<!-- 					<h:column> -->
<!-- 						<h:commandLink value="#{atrasador.id}" action="#{buscarControl.verPerfil(atrasador.id)}"/>				 -->
<!-- 					</h:column> -->
					<f:facet name="header">
						<h:outputText value="Resultado" />
					</f:facet>
					<p:column headerText="ID">
							<h:outputText value="#{atrasador.idAtrasador.idPessoa}" />
					</p:column>
					<p:column headerText="Nome">
						<p:cellEditor>
							<f:facet name="output">
								<h:outputText value="#{atrasador.idAtrasador.nome}"/>
							</f:facet>
							<f:facet name="input">
								<h:inputText value="#{atrasador.idAtrasador.nome}" style="width: 100px;" />
							</f:facet>
						</p:cellEditor>						
					</p:column>
					<p:column headerText="E-mail">
						<p:cellEditor>
							<f:facet name="output">
								<h:outputText value="#{atrasador.idAtrasador.email}"/>
							</f:facet>
							<f:facet name="input">
								<h:inputText value="#{atrasador.idAtrasador.email}" style="width: 100px;"/>
							</f:facet>
						</p:cellEditor>
					</p:column>
					<p:column headerText="Descrição">
						<p:cellEditor>
							<f:facet name="output">
								<h:outputText value="#{atrasador.descricao}"></h:outputText>
							</f:facet>
							<f:facet name="input">
								<h:inputText value="#{atrasador.descricao}" style="width: 100px;"/>
							</f:facet>
						</p:cellEditor>
					</p:column>
					<p:column headerText="Cidade">
						<p:cellEditor>
							<f:facet name="output">
								<h:outputText value="#{atrasador.idAtrasador.codCidade.nome}"/>
							</f:facet>
							<f:facet name="input">
								<h:inputText value="#{atrasador.idAtrasador.codCidade.nome}" style="width: 100px;"/>
							</f:facet>
						</p:cellEditor>
					</p:column>
					<p:column headerText="UF">
						<p:cellEditor>
							<f:facet name="output">
								<h:outputText value="#{atrasador.idAtrasador.codCidade.codUF.nome}"/>
							</f:facet>
							<f:facet name="input">
								<h:inputText value="#{atrasador.idAtrasador.codCidade.codUF.nome}" style="width: 100px;"/>
							</f:facet>
						</p:cellEditor>
					</p:column>
					<p:column headerText="Data de cadastro">
						<h:outputText value="#{atrasador.data_cadastroFormatada}"></h:outputText>
					</p:column>
					<p:column headerText="Alterar" style="min-width: 90px;">
						<p:rowEditor/>
					</p:column>
					<p:column>
						
						<p:commandButton id="excluir" value="Excluir" action="#{pesquisarAtrasador.excluir(atrasador.idAtrasador.idPessoa)}" 
										 style="font-size: 9px;" ajax="false">
							<p:ajax update="resultado resultado_data @all" event="click" />					 		 
						</p:commandButton>
					</p:column>				
				</p:dataTable>
			</p:panel>
		</h:form>
	</ui:define>
</ui:composition>
</html>